<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/by_m.css" />
		<style>
			
		</style>
	</head>

	<body>
		<header class="search-nav mui-bar mui-bar-nav">
			<div class="allSearch-box-cover"></div>
			<div class="search-box">
				<a class="iconfont icon-xiaoxi mui-pull-right" href=""><span class="mui-badge msg-point"></span></a>
				<a class="mui-pull-right edit-tit" href="">编辑</a>
				<h1 class="mui-title">购物车</h1>
			</div>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="all.html">
				<span class="mui-icon iconfont icon-icon04"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" href="find.html">
				<span class="mui-icon iconfont icon-faxian"><span class="mui-badge msg-point"></span></span>
				<span class="mui-tab-label">发现</span>
			</a>
			<a class="mui-tab-item mui-active" href="cart.html">
				<span class="mui-icon iconfont icon-gouwuche"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>

		<div class="mui-content">
			<div class="card-title mui-input-row mui-checkbox mui-left">
				<input name="checkbox" value="Item 1" type="checkbox"><label>JD 京东自营</label>
			</div>
			<ul class="mui-table-view card-view" style="border-bottom: 1px solid #ddd;">
		        <li class="mui-table-view-cell mui-media">
		        	<div class=" mui-checkbox card-left">
				               <input name="checkbox" value="Item 1" type="checkbox">
			        </div>
					<a href="javascript:;">
			            <div class="card-right">
							<img class="mui-media-object mui-pull-left" src="images/temp/fl_2_list13.jpg">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 tit">卡夫威尔（OK-TOOLS）WR5026H 可调套筒棘轮扳手6-22mm</p>
								<p class="txt"><span class="fl"><span class="mui-ellipsis mr-10">颜色：银</span><span class="mui-ellipsis fr">版本：开放开放</span> </span> <span class="fr"><em>|</em>服务</span></p>
								<div class="actions"><span>￥2678.00</span>
									<div class="mui-numbox" data-numbox-min="0">
										<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
										<input class="mui-input-numbox" type="number">
										<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
									</div>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
		        	<div class=" mui-checkbox card-left">
				               <input name="checkbox" value="Item 1" type="checkbox">
			        </div>
					<a href="javascript:;">
			            <div class="card-right">
							<img class="mui-media-object mui-pull-left" src="images/temp/fl_2_list13.jpg">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 tit">卡夫威尔（OK-TOOLS）WR5026H 可调套筒棘轮扳手6-22mm</p>
								<p class="txt"><span class="fl"><span class="mui-ellipsis mr-10">颜色：银</span><span class="mui-ellipsis fr">版本：开放开放</span> </span> <span class="fr"><em>|</em>服务</span></p>
								<div class="actions"><span>￥2678.00</span>
									<div class="mui-numbox" data-numbox-min="0">
										<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
										<input class="mui-input-numbox" type="number">
										<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
									</div>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
		        	<div class=" mui-checkbox card-left">
				               <input name="checkbox" value="Item 1" type="checkbox">
			        </div>
					<a href="javascript:;">
			            <div class="card-right">
							<img class="mui-media-object mui-pull-left" src="images/temp/fl_2_list13.jpg">
							<div class="mui-media-body">
								<p class="mui-ellipsis-2 tit">卡夫威尔（OK-TOOLS）WR5026H 可调套筒棘轮扳手6-22mm</p>
								<p class="txt"><span class="fl"><span class="mui-ellipsis mr-10">颜色：银</span><span class="mui-ellipsis fr">版本：开放开放</span> </span> <span class="fr"><em>|</em>服务</span></p>
								<div class="actions"><span>￥2678.00</span>
									<div class="mui-numbox" data-numbox-min="0">
										<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
										<input class="mui-input-numbox" type="number">
										<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
									</div>
								</div>
							</div>
						</div>
					</a>
				</li>
		    </ul>

		</div>
		<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});

			mui('nav').on('tap','a',function(){document.location.href=this.href;});

			
		</script>
	</body>

</html>